<template>
  <div class="layout">
      <Menu ref="menus" @on-click2="getList" @on-click="getList" :data="list" title="假面骑士菜单" />
    <div class="layout-right">
      <Header />
      <Content />
    </div>

  </div>
</template>
<script setup lang="ts">
import Header from '../components/Header/index.vue'
import Menu from '../components/Menu/index.vue'
import Content from '../components/Content/index.vue'
import { reactive,ref } from 'vue'
const menus = ref(null)
const list = reactive<number[]>([1,2,3]) 
const getList = (list:number[],flag:boolean)=>{
  console.log(menus.value)
}
</script>
<style scoped lang='less'>
.layout{
  height: 100vh;
  overflow: hidden;
  display: flex;
  &-right{
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
</style>